body, html{margin:0}
.a li{margin-bottom:10px;}
.klapp > div, section, main, header{display:block;display:-moz-box;display:-webkit-box;display:box;display:flex;}
header{margin:20px auto 0;align-items:center}
header a{width:20%;margin-right:2%;text-decoration:none;color:#000;text-align:center}
header h1{font-size:15px}
header img{width:100%;}
#Slideshow{position:relative;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;align-self:stretch}
#Slideshow div{width:100%;position:absolute;left:0;height:100%;top:0;opacity:0;-webkit-animation-duration:50s;-webkit-animation-iteration-count:infinite;-moz-animation-duration:50s;-moz-animation-iteration-count:infinite;-ms-animation-duration:50s;-ms-animation-iteration-count:infinite;-o-animation-duration:50s;-o-animation-iteration-count:infinite;animation-duration:50s;animation-iteration-count:infinite;webkit-animation-name:frm3;-moz-animation-name:frm3;-ms-animation-name:frm3;-o-animation-name:frm3;animation-name:frm3}
#Slideshow div:first-child{position:relative}
nav{background-color:#004C66;margin:20px auto 0}
nav ul{padding:0;margin:0;display:flex;}
nav ul li{list-style:none;flex:1}
nav ul li a {-webkit-transition: background 0.3s ease-out 0s;-moz-transition: background 0.3s ease-out 0s;-o-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; text-decoration:none;display:block;color:#eee;padding:14px 10px;text-align:center;}
nav ul li ul{display:block;position:relative;padding:0;border:none;max-height:0;overflow:hidden;-webkit-transition:max-height .3s ease-out;-moz-transition:max-height .3s ease-out;-o-transition:max-height .3s ease-out;-ms-transition:max-height .3s ease-out;transition:max-height .3s ease-out}
nav ul li ul li{float:none;display:block;border:none}
nav ul li ul li a{padding-left:44px;color:#FAFAFA}
nav ul li:target a,nav ul li:target > ul li a, nav ul li:hover a,nav ul li:hover > ul li a{background-color:#008C74}
nav ul li:target > a{color:#FAFAFA}
nav ul li:target > ul{max-height:200px}
nav ul li ul li a:hover{background-color:#005C4C !important}
main{overflow:hidden;padding:0px;color:#000;margin:40px auto;justify-content:flex-end}
article{width:100%;color:#333;line-height:1.4;font-size:16px;min-height:250px}
article h2{border-bottom:2px solid}
article .startseite h2{border:none;margin-bottom:0em; margin-top:2em;}
article h3{/*border-bottom:1px solid;*/margin-top:2em}
.teaserimg {width:100%}
.klapp{padding-left:23px}
.klapp div{min-height:300px}
#text{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
#bilder{-webkit-box-flex:0;-moz-box-flex:0;box-flex:0}
.bild{width:11px;height:11px;float:left;display:block;margin-top:10px;margin-right:10px}
#bilder{width:407px;margin-bottom:25px}
#bild{width:407px;height:250px}
#text{width:370px}
article section li{list-style:none}
aside{margin-top:25px;display:none;flex-direction:column;}
aside div{background-color:#eee;margin-bottom:20px}
aside div p,aside div a{color:#000;display:inline-block;font-size:15px;margin:1px 0 1px 20px;min-width:160px;padding:10px}
aside div a:hover{background-color:#000;color:#FFF}
aside div h2{margin:0;background-color:#004C66;padding:5px 20px;color:#FFF;font-size:24px}
footer{margin:20px auto 0;height:40px;color:#FFF;text-align:center;font-size:12px;background-color:#004C66;padding-top:15px}
footer a{text-decoration:none;color:#fff}

nav ul li p {-webkit-transition: background 0.3s ease-out 0s;-moz-transition: background 0.3s ease-out 0s;-o-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; text-decoration:none;display:block;color:#eee;padding:14px 25px;text-align:center}
nav ul li p{margin:0}
nav ul li:target p,nav ul li:target > ul li p, nav ul li:hover p,nav ul li:hover > ul li p{background-color:#008C74}
.example-image{max-width:388px}
